import React from 'react';
import { Layout, Menu, Breadcrumb, Icon } from 'antd';
import TopHeader from './layout/TopHeader';
import BottomFooter from './layout/BottomFooter';
import LeftSider from './layout/LeftSider';
import '../../css/pc/layout.css';
const { Content } = Layout;

export default class App extends React.Component {
    render() {
        return (
            <Layout style={{ minHeight: '100vh' }}>
                <LeftSider />
                <Layout>
                    <TopHeader/>
                    <Content style={{ margin: '10px 10px' }}>
                        <div style={{ padding: 10, background: '#fff', minHeight: 500 }}>
                            {this.props.children}
                        </div>
                    </Content>
                    <BottomFooter/>
                </Layout>
            </Layout>
        )
    }
}